<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>
<style>
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    .con {
        width: 90%;
        background: #eee;
        margin: 50px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .one {
        width: 30%;
        flex-grow: 1;
    }
    
    .two {
        align-self: flex-end;
        width: 10%;
        flex-grow: 1;
    }
</style>

<body>
    <div class="con">
        <div class="one">
            <h2>1111111</h2>
            <div>
                在编辑器里面bai一般都有，编辑这个选项，du里面有自zhi动换行选项，里面能选多少个字dao符自动换行。 1、文字会视容器的宽度自动换行。 2、一般都是用限制宽度来控制的，设置固定宽度，溢出为隐藏，这样就可以达到自动换行的目的。 3、在table中加入style=＂table-layout:fixed;＂在td中加入style=＂word-break : break-all;overflow:hidden;＂。 4、正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal
                ,当定义的宽度之后自动换行。
            </div>


        </div>
        <div class="one">
            <h2>222222</h2>

            <p>aaaaaaaaaaaa aaaaaaa aaaaassss ssssssssssss sadsadsadsa daaaaaaa aaasdasd asdsadsada sdasdsadas</p>
        </div>
        <div class="two">
            <h2>33333333</h2>

            <p>aaaaaaaaaaaaaaaa aaaaaaaassssssssss sssssssad sadsadsada aaaaaaa aasdasd asdsa dsada sdasd sadas</p>
        </div>
    </div>
</body>
<script>
   console.log( window.location.href.toString())
   console.log( window.location.protocol.toString())
   console.log( window.location.host.toString())
   console.log( window.location.hostname.toString())
   console.log( window.location.port.toString())
   console.log( window.location.pathname.toString())
   console.log( window.location.search.toString())
</script>
</html>